<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Execute</title>
<style type="text/css">	
	.clearfix {
	    clear: both;
	}
	.h3Margin {
		margin-bottom: -5px;
		text-align: center;
	}
	#hospInfo {
	    width: 550px;
	    margin-top: 40px;
	    margin-bottom: 40px;
	    text-align: center;
	    padding: 20px 50px;
	    border-radius: 10px;
	    border: 1px solid #ddd;
	    box-shadow: 0 15px 80px rgba(0, 0, 0, .2);
	    background-color: white;
	    font-weight: bold;
	}
</style>
</head>
<body>

<div class="container-fluid" id="con" >
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="h3Margin">首页质控</h3>
                </div>
            </div>
            <div class="row">
                        <div class="center-block " id="hospInfo">
                            <form class="form-horizontal" id="mrQualityExecuteForm">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label for="dateFrom" class="control-label" >起始日期：</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input id="dateFrom" type="text" class="form-control">
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label for="dateTo" class="control-label" >结束日期：</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input id="dateTo" type="text" class="form-control">
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label for="batchSize" class="control-label" >批处理数：</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input id="batchSize" type="text" class="form-control" placeholder="请输入数字">
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label for="dateType_" class="control-label" >日期类型：</label>
                                            </div>
                                            <div class="col-md-7">
                                                <div class="btn-group select" id="dateType_" style="float:left;"></div>
                                                <input type="hidden" id="dateType" name="parHospCode" />
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4"></div>
                                    <div class="col-md-4">
                                        <button id="executeStart"  type="button" class="btn btn-sm btn-primary">
                                            <i class="fa fa-tasks" aria-hidden="true"></i> 开始质控
                                        </button>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>

                            </form>
                        </div>
                </div><!--end row col-md-8 row-->
            </div><!--end row col-md-8-->
            <div class="col-md-1"></div>
        </div><!--end row-->
</div><!--end container -->
	
	<div id="shade" style="position:fixed;margin:auto;left:0; right:0; top:0; bottom:0;border-radius:5px;width:50%; height:150px;opacity: initial; background: rgba(204, 199, 163, 0.29);display:none;">
		<div id="shade_div" style=" width: 80%;margin:10px auto;text-align: center;font-size: 20px;color:white;overflow-x:hidden; height: 140px;">
			<div id="progress_info_div" style="color: #205ed0;font-size: 16px;float:left; padding-left:10px;padding-top: 5px;">
				病例总数：<span id="progress_info_total"></span> &nbsp;&nbsp;<span id="progress_info_count"></span>
                &nbsp;&nbsp;<!-- 计时器 -->	用时：<span id="myClock">00:00:00</span>
			</div>
			<br/>
			<div style="color: #205ed0;font-size: 16px;float:left; padding-left:10px;margin-bottom: 5px;">
				<span id="progress_info_batch"></span><span id="progress_info_batch_num"></span>
                <span id="progress_info_message" style="display: inline-block;margin-left: 10px;"></span>
			</div>

			<!-- 进度条 -->
		    <div class="progress  progress-striped active clearfix" style="width: 92%;margin: 5px, auto;">
			  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuemin="0" aria-valuemax="100"  style="width:0%;">
			    <span></span>
			  </div>
			</div>
			<a id="close_loading_btn" class="btn btn-primary" onclick="closeBgDiv_Quality();" style="position: relative;margin:5px 55% 5px 45%;display: none;">关闭</a>
		</div>
	</div>
	
</body>
<!-- 计时器 js -->
<script type="text/javascript" src="lib/assets/js/stopwatch.js"></script>
<script type="text/javascript" src="js/medicalRecordQuality/mrQualityExecutePage.js"></script>
</html>